<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div style="height: 100px;">
        <div style="height: 60px;"></div>
        <div style="height: 60px;"></div>
    </div>
    <div style="height: 40px;">

    </div>

    <script>

        let a = traverse(document.body)
        function traverse(father, children) {
            arr = document.getElementsByTagName("*");
            let result = [];
            [].forEach.call(arr, node => {
                if (node.currentStyle) {
                    if(parseInt(node.currentStyle.height) > 50 && node.currentStyle.width > 50){
                        result.push(node)
                    }
                } else {
                    if (parseInt(getComputedStyle(node).height) > 50 && parseInt(getComputedStyle(node).width) > 50) {
                        result.push(node)
                    }
                }

            })
            return result
        }
    </script>
</body>

</html>